<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>注册</title>


    <style type="text/css">
        input{
            width: 250px;
        }
        .UserForm .wai{
            border-bottom: 2px solid #F2F2F2;
            line-height: 56px;
            height: 58px;
            margin-top: 20px;
        }
        .col-xs-12{
            padding: 0px;
            margin: 0px;
        }

        .UserForm .wai input{
            border: 0px;
            font-size: 18px;
            outline: none;
        }

        #fen .wai input{
            margin-left:-16px ;
        }

        .yzm:hover {text-decoration:none ;}

        input::-webkit-input-placeholder{

            color:#CACACA;
        }
        .submit input{
            background-color: #F1CED2;
            height:47px ;
            font-size: 18px;
            color: white;
            border: 0px;
            border-radius: 5px;
            margin-top: 39px;
            width: 100%;
        }

        .di{
            font-size: 13px;
            color: #9E9E9E;
            margin-top: 22px;
        }
    </style>

    <link href="css/register.css" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="body">

<div class="container-fluid header">
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-12">
                <p class="zhuce">注册</p>
            </div>
            <div class="col-xs-12">
                <p style="color: #9A9A9A;font-size: 16px;">已有账号，<a href="login.html" style="color: #C83C53;">立即登录</a></p>
            </div>

        </div>

    </div>

    <div class="row">
        <form action="insregister" method="post" class="UserForm">
            <div class="col-xs-12">
                <div class="col-xs-12">
                    <div class="wai"><input type="text" placeholder="请输入手机号" id="phone" name="userPhone"/>

                    </div>
                </div>
                <div class="col-xs-12" id="fen">
                    <div class="wai">
                        <div class="col-xs-8">
                            <input type="tel" placeholder="请输入验证码" id="code"/>
                        </div>
                        <div class="col-xs-4">
                            <a  class="yzm" value="" onclick="myFunction()">获取验证码</a>

                        </div>
                    </div>
                </div>
                <div class="col-xs-12" id="fen">
                    <div class="wai">
                        <div class="col-xs-9">
                            <input type="password"  placeholder="请输入密码（6-20位）" name="userPassword"/>
                        </div>
                        <div class="col-xs-3">
                            <a href=""><img src="img/密码显示.png" style="width: 25px;"><img src="img/密码不显示.png" style="width: 25px;"></a>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12">
                    <div class="wai"><input type="text" placeholder="请输入邀请码（可不填）"/></div>
                </div>
                <div class="col-xs-12">
                    <div class="submit"><input type="submit" value="注册"/></div>
                </div>
                <div class="col-xs-12">
                    <div class="di"><p>注册即代表您同意<a href="">《邻里棒软件服务条款》</a>和<a href="">《隐私政策》</a></p></div>
                </div>
            </div>
        </form>
    </div>

</div>


</body>

</html>
<script src="js/jquery-3.2.1.js"></script>
<script src="js/register.js"></script>
